<template>
	<div class="recom_all">
	    <Tabs>
	        <Tab-pane label="热门职位" class="one" >
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        	<span class="recom_span">天津售前支持经理招聘</span>
	        </Tab-pane>
	        <Tab-pane label="推荐职位">
	        	推荐职位
	        </Tab-pane>
	        <Tab-pane label="热门行业">
	        	热门行业
	        </Tab-pane>
	        <Tab-pane label="周边城市">
	        	周边城市
	        </Tab-pane>
	        <Tab-pane label="热门城市">
	        	热门城市
	        </Tab-pane>
		</Tabs>
	</div>
</template>

<script>
	export default {
    	name: 'PReco',
        data () {
            return {
            	
            }
        }
    }
</script>
<style>
	.recom_all{
		height: 100px;
		width: 1000px;
		position: relative;
	    left: 50%;
	    margin-left: -500px;
	    padding-top: 15px;
	}
	.one{
		font-size: 18px;
	}
	/*.recom_all>.ivu-tabs-nav .ivu-tabs-tab{
		font-size: 18px;
	}*/
	.recom_span{
		font-size: 16px;
		margin-right: 3%;
		display: inline-block;
		margin-top: 10px;
	}
	.recom_span:hover{
		color: #2E6CF0;
		text-decoration: underline;
		cursor: pointer;
	}
</style>